<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>现货供应详情页</title>
		<jsp:include page="../lbi/css.jsp"></jsp:include>
        <link rel="stylesheet" href="<c:url value="/static/css/supply_details.css"/>" /> 
	</head>

	<body>
		<div class="wrap">
            <!-- 头部开始-->
            <jsp:include page="../lbi/head.jsp"></jsp:include>
            <!-- 头部结束 -->			
            <div class="nav_bottom common"></div>
			<!--内容开始-->
			<div class="content">
				<div class="product-wrap  common">

					<div class="breadcrumb">
						您的位置：
						<a href="index.html">首页</a>&gt;
						<a>供求信息</a>&gt;
						<a>废纸</a>&gt;
						<a>混合复合废纸</a>&gt;
						<a>废纸金属复合纸</a>&gt;
						<a>供应白色淋膜纸</a>
					</div>

					<div class="product-info clearfix">
						<div class="product-info-left fl">
							<!--商品图片信息开始-->
							<div class="img-info">
								<div class="img-info-l fl">
								<div class="gallery">
									<div class="booth">
										<a class="img-mid"><img src="static/img/item00.png" height="100%" width="100%"></a>
										<div class="zoom-img" style="display: none; left:150px; top: 0px;"></div>
									</div>
									<div class="big-img" style="display: none;"><img src="static/img/item00.png" style="margin-left: -460px; margin-top: 0px;"></div>
									<div class="lit-img">
										<div class="side-main">
											<ul class="thumb clearfix" style="width:384px; left:0px;">
												<c:forEach items="${goodssupplyImg }" var="goodssupplyImg">
													<li class="current">
														<a>
															<img src="http://qiniudns.zaishengwang.com/${goodssupplyImg.img}" data-src="http://qiniudns.zaishengwang.com/${goodssupplyImg.img}" width="60" height="60">
														</a>
													</li>
												</c:forEach>
											</ul>
										</div>
										<span class="btn btn-l block icon"></span>
										<span class="btn btn-r block icon"></span>
									</div>
								</div>
							    </div>
							    <div class="img-info-r  spot-detail fl">
							    	<div class="title">${goodssupplyVo.title }</div>
							    	<div class="price-wrap">
							    		<ul class="clearfix">
							    		   <c:if test="${goodssupplyVo.target==1}">
                                               <li>目标价格：
                                                    电议
                                                </li>
                                            </c:if>
                                            <c:if test="${goodssupplyVo.target==2}">
                                                <li>目标价格：
                                                    ${goodssupplyVo.price}
                                                </li>
                                            </c:if>
							    			<li>数量：${goodssupplyVo.num}${goodssupplyVo.company}</li>
							    			<li>类型：
							    					<c:if test="${goodssupplyVo.type==1}">现货供应</c:if>
							    					<c:if test="${goodssupplyVo.type==2}">现货求购</c:if>
							    			</li>
							    			<li>运送方式：
                                                <c:if test="${goodssupplyVo.mode==1}">
                                                     送货上门
                                                </c:if>
                                                <c:if test="${goodssupplyVo.mode==2}">
                                                     上门自提
                                                </c:if>
                                            </li>
							    			<li style="width:100%;">发货地址：${goodssupplyVo.provinceName}${goodssupplyVo.address}</li>
							    			<li>发布日期：${goodssupplyVo.createTime.substring(0, 10)}</li>
							    			<li>报价截止日期：${goodssupplyVo.deadline.substring(0,10)}</li>
							    			<li>已有报价：<span class="warn-color bold"> ${goodssupplyVo.priceNum}</span> 条</li>
							    			<li class="countdown" style="width:100%;">距报价结束还剩&nbsp;&nbsp;<span id="t_d">0 0</span>天<span id="t_h">0 0</span>时<span id="t_m">0 0</span>分<span id="t_s">0 0</span>秒</li>
							    		</ul>
							    	</div>
							    	<div class="collect icon" style="margin-top: 20px;">收藏货品</div>
							    	<div class="ask-btn clearfix">
							    		<a class="price-btn">立即报价</a>
							    	</div>
							    </div>
							</div>
							<!--商品图片信息结束-->
							<!--商品列表信息开始-->
							<div class="list-detail">
								<div class="text">
									${goodssupplyVo.content}
								</div>
							</div>
							<!--商品列表信息结束-->
						</div>
                        	<div class="product-info-right fr">
							<!--卖家信息开始-->
							<div class="seller-info">
								<h3>卖家信息</h3>
								<div class="c-name">兴化市红盛化纤有限公司  <span class="selected-color">【已认证】</span> </div>
								
								<dl><dt>公司主营：</dt><dd>回收供应废纸板、纸箱</dd></dl>
								<dl><dt>诚信指数：</dt><dd>85</dd></dl>
								<dl><dt>联系人：</dt><dd> 钟先生</dd></dl>
								<dl><dt>地址：</dt><dd style="width:185px;">江苏省无锡江阴市周庄镇长寿康须路36号厂房</dd></dl>
								
								<div class="seller-btn clearfix">
							    		<a class="enter-btn fl">进入店铺</a>
							    		<a class="collect-btn fr">收藏卖家</a>
							    </div>
							    
							    <div class="check-btn">
							    	<a>查看联系方式</a>
							    </div>
							
							</div>
							<!--卖家信息结束-->
							<!--相关产品推荐开始-->
							<div class="product-recommend">
								<h3>相关供应信息推荐</h3>
								<div class="product-content">
									<div class="product-list clearfix">
										<div class="product-list-l fl">
											<img src="static/img/item00.png" />
										</div>
										<div class="product-list-r fl">
											<h4 class="p-title">供应淋膜纸、包装纸、纸箱..</h4>
											<h4 class="p-price">价格：电仪</h4>
											<h4 class="p-num">数量：50吨</h4>
											<a class="detail-btn">查看详情</a>
										</div>
									</div>
										<div class="product-list clearfix">
										<div class="product-list-l fl">
											<img src="static/img/item00.png" />
										</div>
										<div div class="product-list-r fl">
											<h4 class="p-title">供应淋膜纸、包装纸、纸箱..</h4>
											<h4 class="p-price">价格：电仪</h4>
											<h4 class="p-num">数量：50吨</h4>
											<a class="detail-btn">查看详情</a>
										</div>
									</div>
									<div class="product-list clearfix">
										<div class="product-list-l fl">
											<img src="static/img/item00.png" />
										</div>
										<div class="product-list-r fl">
											<h4 class="p-title">供应淋膜纸、包装纸、纸箱..</h4>
											<h4 class="p-price">价格：电仪</h4>
											<h4 class="p-num">数量：50吨</h4>
											<a class="detail-btn">查看详情</a>
										</div>
									</div>
										<div class="product-list clearfix">
										<div class="product-list-l fl">
											<img src="static/img/item00.png" />
										</div>
										<div  class="product-list-r fl">
											<h4 class="p-title">供应淋膜纸、包装纸、纸箱..</h4>
											<h4 class="p-price">价格：电仪</h4>
											<h4 class="p-num">数量：50吨</h4>
											<a class="detail-btn">查看详情</a>
										</div>
									</div>
										<div class="product-list clearfix">
										<div class="product-list-l fl">
											<img src="static/img/item00.png" />
										</div>
										<div class="product-list-r fl">
											<h4 class="p-title">供应淋膜纸、包装纸、纸箱..</h4>
											<h4 class="p-price">价格：电仪</h4>
											<h4 class="p-num">数量：50吨</h4>
											<a class="detail-btn">查看详情</a>
										</div>
									</div>
								</div>
							</div>
							<!--相关产品推荐结束-->
						</div>
					
				</div>

			</div>
			<!--内容结束-->
			<footer class="common">
				<div class="footer-top">
					<ul>
						<li class="plqq">
							<span class="icon"></span>
							<h1>品种规格齐全</h1>
						</li>
						<li class="zzbz">
							<span class="icon"></span>
							<h1>质量可靠保障</h1>
						</li>
						<li class="jgyz">
							<span class="icon"></span>
							<h1>价格占有优势</h1>
						</li>
						<li class="qqbt">
							<span class="icon"></span>
							<h1>缺钱可打白条</h1>
						</li>
						<li class="mfzc">
							<span class="icon"></span>
							<h1>免费找货找车</h1>
						</li>
					</ul>
				</div>
				<div class="footer-bottom">
					<h1 class="common tc">Copyright©right;2018 www.zaishengwang.com Inc. All rights reserved</h1>
					<h2 class="common tc">苏ICP证161025号 | 苏ICP备15001001号 | 再生网</h2>
				</div>
			</footer>

		</div>
		<script type="text/javascript" src="<c:url value="/static/js/plugin.js"/>"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				//导航高亮
	        	$("#nav_main li").eq(2).addClass("selected-color");
				// 产品图片浏览
				$('.gallery').browsePro(75, 1, 300);
				// 放大镜
				$('.booth').zoom();
				// 晒图浏览图片
				$('.pro-photo').photosThumb();
			})
			
			function getRTime(){ 
			
			var EndTime= new Date('${goodssupplyVo.deadline}');
			 //截止时间 
			var NowTime = new Date(); 
			
			var t =EndTime.getTime() - NowTime.getTime();
			 
			/*var d=Math.floor(t/1000/60/60/24); 
			t-=d*(1000*60*60*24); 
			var h=Math.floor(t/1000/60/60); 
			t-=h*60*60*1000; 
			var m=Math.floor(t/1000/60); 
			t-=m*60*1000; 
			var s=Math.floor(t/1000);*/
			
			var d=Math.floor(t/1000/60/60/24); 
			
			var h=Math.floor(t/1000/60/60%24); 
			
			var m=Math.floor(t/1000/60%60); 
			
			var s=Math.floor(t/1000%60);
			
			document.getElementById("t_d").innerHTML = d ; 
			
			document.getElementById("t_h").innerHTML = h ;
			 
			document.getElementById("t_m").innerHTML = m ; 
			
			document.getElementById("t_s").innerHTML = s ; 
			} 
			setInterval(getRTime,1000); 
			
			
					</script>
	</body>

</html>